<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>新品发布</title>
		<link rel="stylesheet" href="css/reset.css" />
		<link rel="stylesheet" href="css/animate.css" />
		<link rel="stylesheet" href="css/Commonstyle.css" />
		<link rel="stylesheet" href="css/product.css" />
		<script type="text/javascript" src="js/wow.min.js" ></script>
	</head>
	<body>
		<div class="top wow bounceIn"  data-wow-duration="1s">
			<span>全国服务热线：400-000-0000</span>
			<nav>
				<a href="#">设为首页</a>
				<a href="#">加入收藏</a>
			</nav>
		</div>
		
		<div class="logo">
			<img src="img/loog.jpg" class="wow swing"data-wow-duration="1s" />
			<div class="mc">
				<h1>Tk科技有限公司</h1>
				<p>cer dcd keo Holdings Co., Ltd.</p>
			</div>
				<input type="checkbox" name="dh" id="dh" />
            <label class="wow bounceInRight menu" data-wow-duration="1s"  for="dh">
                    <span></span>
                    <span></span>
                    <span></span>
            </label>
			<nav class="dh wow bounceIn"  data-wow-duration="1s">
				<li>
					<a href="index.html">首页</a>
					<span> &nbsp;Home </span>
				</li>
				<li>
					<a>关于我们</a>
					<span>About</span>
				</li>
				<li>
					<a href="product.html">产品中心</a>
					<span>Products</span>
				</li>
				<li>
					<a href="indetail.html">服务支持</a>
					<span>Service</span>
				</li>
				<li>
					<a>新闻中心</a>
					<span>News</span>
				</li>
				<li>
					<a>在线商店</a>
					<span>Shop</span>
				</li>
				<li>
					<a>联系我们</a>
					<span>Contact Us</span>
				</li>
			</nav>
		</div>
		
		<div class="lb wow swing"data-wow-duration="1s">
			<input type="radio" name="radio" id="img1" checked />
			<input type="radio" name="radio" id="img2" />
			<input type="radio" name="radio" id="img3" />
			<input type="radio" name="radio" id="img4" />
			<img src="img/product_07.jpg" class="images1" />
			<img src="img/image1.jpg" class="images2"/>
			<img src="img/image11.jpg" class="images3"/>
			<img src="img/image8.jpg" class="images4"/>
			<div>
			<label for="img1" id="image1"></label>
			<label for="img2" id="image2"></label>
			<label for="img3" id="image3"></label>
			<label for="img4" id="image4"></label>
			</div>
		</div>
		
		<div class="series">
			<p class="wow bounceInDown"data-wow-duration="2s"><a href="index.html">首页</a>><a href="product.html">新品发布</a></p>
			
			<nav class="nav">
				<li class="wow bounceInDown"data-wow-duration="2s" data-wow-delay="0ms">
					<span>百万高清系列</span>
			        <img src="img/product_03.jpg"/>
				</li>
				<li class="wow bounceInDown"data-wow-duration="2s" data-wow-delay="100ms">
					<span>标清系列</span>
			        <img src="img/product_03.jpg"/>
				</li>
				<li class="wow bounceInDown"data-wow-duration="2s" data-wow-delay="200ms">
					<span>户外防水系列</span>
			        <img src="img/product_03.jpg"/>
				</li>
				<li class="wow bounceInDown"data-wow-duration="2s" data-wow-delay="300ms">
					<span>室内系列</span>
			        <img src="img/product_03.jpg"/>
				</li>
			</nav>
		    <div class="ipt wow bounceInLeft"data-wow-duration="2s" data-wow-delay="0ms">
            	<input type="search" name="search" placeholder="搜索产品">
            </div>
                
            <div class="tal">
            	<table cellpadding="0" cellspacing="0"  >
            		<tr>
            			<td class="wow bounceInDown"data-wow-duration="2s" data-wow-delay="0ms">
            				<img src="img/product_10.jpg" />
            				<h2><a href="indetail.html">S6202Y-WR</a></h2>
            				<p>100万无线高清 64GBTF卡 语音对讲 智能连接 手机....</p>
            			</td>
            			<td class="wow bounceInDown"data-wow-duration="2s" data-wow-delay="100ms">
            				<img src="img/product_10.jpg" />
            				<h2><a href="indetail.html">S6202Y-WR</a></h2>
            				<p>100万无线高清 64GB TF卡 语音对讲 智能连接 手机....</p>
            			</td>
            			<td class="wow bounceInDown"data-wow-duration="2s" data-wow-delay="200ms">
            				<img src="img/product_10.jpg" />
            				<h2><a href="indetail.html">S6202Y-WR</a></h2>
            				<p>100万无线高清 64GB TF卡 语音对讲 智能连接 手机....</p>
            			</td>
            		</tr>
            		
            		<tr>
            			<td class="wow bounceInDown"data-wow-duration="2s" data-wow-delay="300ms">
            				<img src="img/product_10.jpg" />
            				<h2><a href="indetail.html">S6202Y-WR</a></h2>
            				<p>100万无线高清 64GBTF卡 语音对讲 智能连接 手机....</p>
            			</td>
            			<td class="wow bounceInDown"data-wow-duration="2s" data-wow-delay="400ms">
            				<img src="img/product_10.jpg" />
            				<h2>S6202Y-WR</h2>
            				<p>100万无线高清 64GB TF卡 语音对讲 智能连接 手机....</p>
            			</td>
            			<td class="wow bounceInDown"data-wow-duration="2s" data-wow-delay="500ms">
            				<img src="img/product_10.jpg" />
            				<h2>S6202Y-WR</h2>
            				<p>100万无线高清 64GB TF卡 语音对讲 智能连接 手机....</p>
            			</td>
            		</tr>
            		
            		<tr>
            			<td class="wow bounceInDown"data-wow-duration="2s" data-wow-delay="600ms">
            				<img src="img/product_10.jpg" />
            				<h2>S6202Y-WR</h2>
            				<p>100万无线高清 64GBTF卡 语音对讲 智能连接 手机....</p>
            			</td>
            			<td class="wow bounceInDown"data-wow-duration="2s" data-wow-delay="700ms">
            				<img src="img/product_10.jpg" />
            				<h2>S6202Y-WR</h2>
            				<p>100万无线高清 64GB TF卡 语音对讲 智能连接 手机....</p>
            			</td>
            			<td class="wow bounceInDown"data-wow-duration="2s" data-wow-delay="800ms">
            				<img src="img/product_10.jpg" />
            				<h2>S6202Y-WR</h2>
            				<p>100万无线高清 64GB TF卡 语音对讲 智能连接 手机....</p>
            			</td>
            		</tr>
            	</table>
            </div>
            <div class="fye wow bounceInLeft"data-wow-duration="2s" data-wow-delay="0ms">
	            <ul>
	            	<li>上一页</li>
	            	<li>1</li>
	            	<li>2</li>
	            	<li>3</li>
	            	<li>4</li>
	            	<li>下一页</li>
	            </ul>
            </div>
            
		</div>
		    
		    
		    
		
		
	
		<div class="bottom">
	    	<p class=" wow bounceInRight" data-wow-duration="2s"data-wow-delay="0ms">关注我们：
	    		<img src="img/wb (1).jpg"/>
	    		<img src="img/wx.jpg"/>
	    		<img src="img/qq.jpg"/>
	    	</p>
	    	<nav>
	    		<a class=" wow bounceInDown" data-wow-duration="2s"data-wow-delay="0ms">网站首页<span>·</span></a>
	    		<a class=" wow bounceInRight" data-wow-duration="2s"data-wow-delay="100ms">新闻动态<span>·</span></a>
	    		<a class=" wow bounceInUp" data-wow-duration="2s"data-wow-delay="200ms">关于我们<span>·</span></a>
	    		<a class=" wow bounceInLeft" data-wow-duration="2s"data-wow-delay="300ms">团队风采<span>·</span></a>
	    		<a class=" wow fadeInDownBig" data-wow-duration="2s"data-wow-delay="400ms">联系我们<span>·</span></a>
	    		<a class=" wow bounceInDown" data-wow-duration="2s"data-wow-delay="500ms">在线留言</a>
	    	</nav>
	    </div>
	    <div class="bottom-b">
	    	<p  class=" wow bounceInDown" data-wow-duration="2s"data-wow-delay="0ms"> ©2015 TK科技有限公司  版权所有沪ICP证13022560号-7 All Rights Reserved</p>
	    </div>
	
	</body>
</html>
<script>
    //初始化懒加载
    new WOW().init();
</script>